import Header from '@/views/header'
import './App.scss'
import { Suspense, memo } from 'react'
import { Outlet } from 'react-router-dom'
import ErrorBoundary from '@/components/error-boundry'

const App = () => {
  return (
    <ErrorBoundary fallback={<div>Something went wrong!</div>}>
      <div className='page'>
        <Header />
        <Suspense fallback={<div></div>}>
          <Outlet />
        </Suspense>
      </div>
    </ErrorBoundary>
  )
}

export default memo(App)
